<template>
	<view class="pay">
		<view class="payorder">
			<view class="payNumber">
				订单号:{{outTradeNo}}
			</view>
			<view class="payPrice">
				<text>¥ </text>{{totalAmount}}
			</view>
			<view class="payTime">
				<!-- 最迟支付时间:{{payinfo.end_time}} -->
			</view>
		</view>
		<view class="payType">
			<view class="payTypeTitle">
				请选择支付方式
			</view>
				<radio-group @change="radioChange" >
				<view class="payTypeItem">
					<view class="payTypeItemLeft">
						<image src="../../static/pay/alipay.png" class="payicon"></image>支付宝支付
					</view>
					<radio color="#01c2fa" value="1" checked=""></radio>
				</view>
				<view class="payTypeItem">
					<view class="payTypeItemLeft">
						<image src="../../static/pay/wxpay.png"  class="payicon"></image>微信支付
					</view>
					<radio color="#01c2fa" value="2"></radio>
				</view>
			</radio-group>
		
		</view>
		<view class="payButton" @click="alipay">
			确定支付
		</view>
		
		<!-- 添加支付表单区域 -->
		<div id="divform"></div>
	</view>
	
</template>

<script>

	export default{
		data(){
			return{
				paytype:1,
				payForm:'',//初始化支付表单
				totalAmount:200,//初始化总支付金额
				outTradeNo:'2012121909021',//初始化主订单号
			}
		},
		onLoad(option) {
			let {outTradeNo,countmoney}=option
			// console.log(option);
			
			this.outTradeNo=outTradeNo
			this.totalAmount=countmoney
		},
		methods:{
			// http://localhost:3000/api/alipay 确认支付
			
			async alipay(){
				let {token}=uni.getStorageSync("userinfo")
				let [err,res]=await uni.request({
					url:this.$baseUrl+"/api/alipay",
					method:"POST",
					header:{
						authorization:token
					},
					data:{
						outTradeNo:this.outTradeNo,
						totalAmount:this.totalAmount,
						type:1
					}
				})
				if(err){
					 uni.showToast({
							title:"出错了",
							icon:"error"
						 })
				 return
				}
				if(res.data.code==403){
						uni.showToast({
						title:"登录过期",
						icon:"error"
					 })
				 setTimeout(()=>{
					 uni.navigateTo({
							 url:"/pages/login/login"
						  })
									 						 
					 },1000)
									 
					 return
									 
				}
				if(res.data.code !=200){
					 uni.showToast({
							title:"出错了",
							icon:"error"
						 })
									 
					 return
				}
			     
				 // 把支付表单添加到页面
				 
				 divform.innerHTML=res.data.list;
				 
				 document.forms[0].submit();
				
			},
			
			
			// 切换支付方式
			radioChange(){}
		}
	}
</script>

<style>
	/* 引入样式 */
	@import '@/static/css/pay.css';
</style>
